<template>
  <div class="map">
    <v-map :zoom="zoom" :center="center">
      <v-tilelayer :url="url" :attribution="attribution"></v-tilelayer>
      <v-marker :lat-lng="marker"></v-marker>
    </v-map>
  </div>
</template>

<script>
  // import 'https://unpkg.com/leaflet@1.0.3/dist/leaflet.js'
export default{
  name: 'map',
  data() {
    return {
      zoom: 13,
      center: [30.25, 120.25],
      url: 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
      attribution: '&copy; <a href="http://osm.org/copyright">.com</a>',
      marker: L.latLng(30.25, 120.25),
    }
  }
}
</script>

<style scoped>
.map{
  height: 300px;
  width: 600px;
}
</style>
